<!-- 搜索结果 -->
<ng-container>
  <div
    *ngIf="tagData.data?.headDiv && tagData.data.headDiv?.headTitle && tagData.data.data && tagData.data.data?.length > 0"
    class="session-header" [ngClass]="{'bg-image-tag': tagData.showWaterImg}">
    <p class="session-title" [ngStyle]="tagData.data?.headDiv?.headTitleCssStyle | styleFilter">
      {{tagData.data?.headDiv?.headTitle}}</p>
    <div appDebounceClick (debounceClick)="moreActionClick(tagData.data?.headDiv)" class="fr" class="more-ac-bg fr">
      <p class="action-label ">{{tagData.data?.headDiv?.moreLink?.linkTitle}}</p>

      <i *ngIf="!tagData.data?.headDiv?.hiddenArrow" class="detail-icon fr"></i>
    </div>
  </div>
</ng-container>


<div id="appGeneralListTag" [ngStyle]="tagData.cssStyle | styleFilter"
  [ngClass]="{'bg-image-tag': tagData.showWaterImg}" style="position: relative;">
  <ng-container *ngFor="let item of tagData.data.data, let i = index,let dataIndex = index">

    <!-- 日期分组 -->
    <ng-container *ngIf="tagData.data.ifDateSort === true && item.date">
      <p class="date-sort"
        *ngIf="i == 0  || (i > 0 &&  item.date.substring(0,10) !== tagData.data.data[i-1].date.substring(0,10))">
        {{item.date | date:'M月d日'}}</p>

    </ng-container>


    <ng-container>

      <div class="list-item-bg" [ngStyle]="tagData.data.itemCssStyle | styleFilter">

        <!-- 转让/出租 1,2,4  租：2商铺出租、 15厂房出租  18写字楼出租 20住宅出租 21二手房 22新房-->
        <ng-container *ngIf="
      item.plugin_id === '1' || item.plugin_id === '2' || item.plugin_id === '4' 
      ||item.plugin_id === '15' || item.plugin_id === '18' ||item.plugin_id === '20'
      ||item.plugin_id === '21'||item.plugin_id === '22'">
          <!--  图片 商机名称 主要内容 -->
          <div class="item-main 1" appDebounceClick (debounceClick)="goPage(item)">
            <div class="item-left" *ngIf="item.img?.imgUrl !== undefine"
              [ngStyle]="item.img?.imgBgCssStyle | styleFilter ">
              <img class="item-img 1" src="{{item.img?.imgUrl}}" alt=""
                onerror="onerror=null;src='assets/img/default_rk.png'" [ngStyle]="item.img?.cssStyle | styleFilter ">
              <span *ngIf="item.img?.authSign?.label" [ngStyle]="item.img?.authSign?.cssStyle | styleFilter "
                class="auth-left">{{item.img?.authSign?.label}}</span>
              <ng-container *ngIf="item.showRating">
                <app-rating [rate]="item.star" [valueCssStyle]="item?.starValueCssStyle"></app-rating>
              </ng-container>
              <span *ngIf="item.img?.starLabel" [ngStyle]="item.img?.starLabelCssStyle | styleFilter "
                class="starLabel">{{item.img?.starLabel}}</span>
            </div>
            <div class="item-right">
              <p class="item-title" [ngStyle]="item.title?.fistText?.cssStyle | styleFilter"
                [ngClass]="{'item-title-2line': item.plugin_id === '1' || item.plugin_id === '2' || item.plugin_id === '20'}"
                *ngIf="item.title">
                {{item.title?.fistText?.label}}
              </p>

              <!--1.6.35 新增模块-->
              <div class="item-content" [ngStyle]="item.firstLine?.box?.itemContentCssStyle | styleFilter">
                <span *ngIf="item.firstLine?.firstText?.label" class="content area 4"
                  [ngStyle]="item.firstLine?.firstText?.cssStyle | styleFilter">{{item.firstLine?.firstText?.label}}</span>

                <span *ngIf="item.firstLine?.firstSpline!==undefined" class="spline"
                  [ngStyle]="item.firstLine?.firstSplineCssStyle | styleFilter"></span>

                <span *ngIf="item.firstLine?.secondText?.label" class="content area 5"
                  [ngStyle]="item.firstLine?.secondText?.cssStyle | styleFilter">{{item.firstLine?.secondText?.label}}</span>

                <span *ngIf="item.firstLine?.secondSpline!==undefined" class="spline"
                  [ngStyle]="item.firstLine?.secondSplineCssStyle | styleFilter"></span>

                <span *ngIf="item.firstLine?.thirdText?.label" class="content area 6"
                  [ngStyle]="item.firstLine?.thirdText?.cssStyle | styleFilter">{{item.firstLine?.thirdText?.label}}</span>
              </div>

              <span class="secondText" *ngIf="item.secondTextLabel"
                [ngStyle]="item.secondTextLabelCssStyle | styleFilter">{{item.secondTextLabel}}</span>
              <span class="secondText" *ngIf="item.thirdTextLabel"
                [ngStyle]="item.thirdTextLabelCssStyle | styleFilter">{{item.thirdTextLabel}}</span>
              <span class="secondText" *ngIf="item.fourthTextLabel"
                [ngStyle]="item.fourthTextLabelCssStyle | styleFilter">{{item.fourthTextLabel}}</span>
              <div class="item-content-bg 1">
                <p *ngIf="item.contentRowLeft" class="item-content 1" style="white-space: unset !important;">
                  <span class="content area 1"
                    [ngStyle]="item.contentRowLeft?.firstText?.cssStyle | styleFilter">{{item.contentRowLeft?.firstText?.label}}</span>
                </p>
                <div *ngIf="item.locationPng" class="distance" [ngStyle]="item.locationPngBoxCssStyle|styleFilter">
                  <img class="distanceIcon 1" src="{{item.locationPng}}"
                    [ngStyle]="item.locationPngCssStyle|styleFilter"
                    onerror="this.src='assets/fw/fwd_icon_navigation@3x.png'" />
                  <span *ngIf="item.address" class="distanceSpan"
                    [ngStyle]="item.addressCssStyle|styleFilter">{{item.address}}</span>
                </div>
              </div>
              <div class="item-content-bg 2"
                *ngIf="item.area?.firstText?.label || item.area?.secondText?.label || item.rent || item.transferFee || item.location || item.time">
                <p class="item-content 2">
                  <span *ngIf="item.area?.firstText?.label" class="content area 2"
                    [ngStyle]="item.area?.firstText?.cssStyle | styleFilter">{{item.area?.firstText?.label}}</span>
                  <span *ngIf="item.area?.secondText?.label" class="content area 3"
                    [ngStyle]="item.area?.secondText?.cssStyle | styleFilter"
                    [innerHTML]="item.area?.secondText?.label"></span>
                  <span *ngIf="item.rent" class="content">{{item.rent}}</span>
                  <span *ngIf="item.transferFee" class="content">{{item.transferFee}}</span>
                  <span *ngIf="item.location" class="content">{{item.location}}</span>
                </p>

                <p *ngIf="item.time" class="content-time">{{item.time}}</p>
              </div>
            </div>
            <span *ngIf="item.rightBtnLabel" class="rightButton" appDebounceClick
              (debounceClick)="goPage(item?.btns,$event)" [ngStyle]="item.rightBtnCssStyle | styleFilter">
              {{item.rightBtnLabel}}
            </span>
          </div>
        </ng-container>

        <!-- 选址 3 求：3求租商铺 14求购商铺 23求租写字楼、24求租住宅、25求购住宅、27求购写字楼、28求租厂房 29求购厂房 -->
        <ng-container
          *ngIf="item.plugin_id === '3' || item.plugin_id === '14' || item.plugin_id === '23' || item.plugin_id === '24' || item.plugin_id === '25' || item.plugin_id === '27'|| item.plugin_id === '28'|| item.plugin_id === '29'">
          <div class="item-content-bg 3" appDebounceClick (debounceClick)="goPage(item)">
            <span *ngIf="item.title?.leftAuthSign?.label" [ngStyle]="item.title?.leftAuthSign?.cssStyle | styleFilter "
              class="auth">{{item.title?.leftAuthSign?.label}}</span>
            <p class="item-title item-title-3" [ngStyle]="item.title?.fistText?.cssStyle | styleFilter"
              *ngIf="item.title">
              {{item.title?.fistText?.label}}
              <span *ngIf="item.title?.rightAuthSign?.label"
                [ngStyle]="item.title?.rightAuthSign?.cssStyle | styleFilter "
                class="auth">{{item.title?.rightAuthSign?.label}}</span>
            </p>
          </div>

          <div class="item-content-bg 4" appDebounceClick (debounceClick)="goPage(item)"
            [ngClass]="{'firstLine': item.firstLine!==undefined}"
            *ngIf="item.area?.firstText?.label || item.area?.secondText?.label || item.time || item.firstLine"
            [ngStyle]="item.firstLine?.box?.cssStyle | styleFilter">
            <div class="item-content" [ngStyle]="item.firstLine?.box?.itemContentCssStyle | styleFilter">
              <span *ngIf="item.firstLine?.firstText?.label" class="content area 4"
                [ngStyle]="item.firstLine?.firstText?.cssStyle | styleFilter">{{item.firstLine?.firstText?.label}}</span>

              <span *ngIf="item.firstLine?.firstSpline!==undefined" class="spline"
                [ngStyle]="item.firstLine?.firstSplineCssStyle | styleFilter"></span>

              <span *ngIf="item.firstLine?.secondText?.label" class="content area 5"
                [ngStyle]="item.firstLine?.secondText?.cssStyle | styleFilter">{{item.firstLine?.secondText?.label}}</span>

              <span *ngIf="item.firstLine?.secondSpline!==undefined" class="spline"
                [ngStyle]="item.firstLine?.secondSplineCssStyle | styleFilter"></span>

              <span *ngIf="item.firstLine?.thirdText?.label" class="content area 6"
                [ngStyle]="item.firstLine?.thirdText?.cssStyle | styleFilter">{{item.firstLine?.thirdText?.label}}</span>
            </div>
            <div class="item-content-bg 1">
              <p *ngIf="item.contentRowLeft" class="item-content 1" style="white-space: unset !important;">
                <span class="content area 1"
                  [ngStyle]="item.contentRowLeft?.firstText?.cssStyle | styleFilter">{{item.contentRowLeft?.firstText?.label}}</span>
              </p>
              <div *ngIf="item.locationPng" class="distance" [ngStyle]="item.locationPngBoxCssStyle|styleFilter">
                <img class="distanceIcon 2" src="{{item.locationPng}}" [ngStyle]="item.locationPngCssStyle|styleFilter"
                  onerror="this.src='assets/fw/fwd_icon_navigation@3x.png'" />
                <span *ngIf="item.address" class="distanceSpan"
                  [ngStyle]="item.addressCssStyle|styleFilter">{{item.address}}</span>
              </div>
            </div>
            <p class="item-content">
              <span *ngIf="item.area?.firstText?.label" class="content area 7"
                [ngStyle]="item.area?.firstText?.cssStyle | styleFilter">{{item.area?.firstText?.label}}</span>
              <span *ngIf="item.area?.secondText?.label" class="content area 8"
                [ngStyle]="item.area?.secondText?.cssStyle | styleFilter"
                [innerHTML]="item.area?.secondText?.label"></span>
            </p>
            <p *ngIf="item.time" class="content-time">{{item.time}}</p>
            <p *ngIf="item.secondContent" class="item-second-content">{{item.secondContent}}</p>
          </div>
        </ng-container>

        <!-- 招商加盟 6 -->
        <ng-container *ngIf="item.plugin_id === '6'">
          <!--  图片 商机名称 主要内容 -->
          <div class="item-main 2" appDebounceClick (debounceClick)="goPage(item)">
            <div class="item-left item-left-big" *ngIf="item.img?.imgUrl !== undefine">
              <img class="item-img 2 item-img-big" src="{{item.img.imgUrl}}" alt=""
                onerror="onerror=null;src='assets/img/defaulttwo.png'">
              <span *ngIf="item.img?.authSign?.label" [ngStyle]="item.img?.authSign?.cssStyle | styleFilter "
                class="auth-left">{{item.img?.authSign?.label}}</span>
            </div>
            <div class="item-right item-right-6">

              <p class="item-title-bg" *ngIf="item.title">
                <span class="item-title "
                  [ngStyle]="item.title?.fistText?.cssStyle | styleFilter">{{item.title?.fistText?.label}} </span>
                <!-- 合作品牌 -->
                <span class="title-tag" *ngIf="item.title.cooperationSign?.label"
                  [ngStyle]="item.title.cooperationSign?.cssStyle | styleFilter">{{item.title.cooperationSign.label}}</span>
              </p>
              <p class="item-title-sub" *ngIf="item.intro">
                {{item.intro}}
              </p>
              <div class="item-content-bg"
                *ngIf="item.avgPrice?.firstText?.label || item.avgPrice?.secondText?.label || item.avgPrice?.thirdText?.label || item.industry">
                <p class="item-content">
                  <span *ngIf="item.avgPrice?.firstText?.label"
                    class="content avg-price">{{item.avgPrice?.firstText?.label}}</span>
                  <span *ngIf="item.avgPrice?.secondText?.label" class="content area 9"
                    [ngStyle]="item.avgPrice?.secondText?.cssStyle | styleFilter">{{item.avgPrice?.secondText?.label}}</span>
                  <span *ngIf="item.avgPrice?.thirdText?.label" class="content area 10"
                    [ngStyle]="item.avgPrice?.thirdText?.cssStyle | styleFilter">{{item.avgPrice?.thirdText?.label}}</span>
                  <span *ngIf="item.industry" class="content">{{item.industry}}</span>
                </p>
                <p *ngIf="item.time" class="content-time">{{item.time}}</p>
              </div>

            </div>
          </div>
        </ng-container>

        <!-- 装修 9 -->
        <ng-container *ngIf="item.plugin_id === '9'">
          <div class="item-main 3" appDebounceClick (debounceClick)="goPage(item)">
            <div class="item-left item-left-9" *ngIf="item.img?.imgUrl !== undefine">
              <img class="item-img 4 item-img-9" src="{{item.img.imgUrl}}" alt=""
                onerror="onerror=null;src='assets/img/default_img_square.png'">
              <span *ngIf="item.img?.authSign?.label" [ngStyle]="item.img?.authSign?.cssStyle | styleFilter "
                class="auth-left">{{item.img?.authSign?.label}}</span>
            </div>
            <div class="item-right item-right-9">
              <!-- title -->
              <p class="item-title-bg-9" *ngIf="item.title">
                <span class="item-title"
                  [ngStyle]="item.title?.fistText?.cssStyle | styleFilter">{{item.title?.fistText?.label}} </span>
                <!-- 认证 -->
                <span class="title-tag" *ngIf="item.title.rightAuthSign?.label"
                  [ngStyle]="item.title.rightAuthSign?.cssStyle | styleFilter">{{item.title.rightAuthSign.label}}</span>
              </p>

              <div class="item-content-bg">
                <p class="item-content">
                  <span *ngIf="item.industry" class="content">{{item.industry}}</span>
                  <span *ngIf="item.avgPrice?.firstText?.label"
                    class="content avg-price">{{item.avgPrice?.firstText?.label}}</span>
                  <span *ngIf="item.avgPrice?.secondText?.label" class="content area 11"
                    [ngStyle]="item.avgPrice?.secondText?.cssStyle | styleFilter">{{item.avgPrice?.secondText?.label}}</span>
                  <span *ngIf="item.avgPrice?.thirdText?.label" class="content area 12"
                    [ngStyle]="item.avgPrice?.thirdText?.cssStyle | styleFilter">{{item.avgPrice?.thirdText?.label}}</span>
                </p>
                <!-- <p class="content-time">{{item.time}}</p> -->
              </div>
              <!-- 标签 -->
              <div class="item-content-bg-9" *ngIf="item.labels && item.labels.length > 0">
                <span class="tag" *ngFor="let tag of item.labels">{{tag}}</span>
              </div>
            </div>
          </div>
        </ng-container>

        <!-- 选址具体要求 -->
        <div *ngIf="item.requireLabel" class="require-bg item-title-2line 2" appDebounceClick
          (debounceClick)="goPage(item)" [ngStyle]="item.requireLabel.box?.label|styleFilter">
          <span class="require-label" *ngIf="item.requireLabel.firstText?.label"><i
              style="z-index: 2; position: relative;">{{item.requireLabel.firstText.label}}</i><i
              class="require-label-bg"></i></span><span *ngIf="item.requireLabel.secondText?.label"
            [innerHTML]="item.requireLabel.secondText.label"></span>
        </div>

        <!-- 0 插入提示 -->
        <ng-container *ngIf="item.plugin_id === '0'">
          <p class="item-title item-title-3" *ngIf="item.title">
            {{item.title}}
          </p>
          <p class="item-title-sub">{{item.content}}</p>
          <!-- 顾问 -->
          <div class="counselor-bg">
            <img src="{{item.downTag?.icon}}" alt="" class="counselor-avatar"
              onerror="onerror=null;src='assets/img/headportraitstaff.png'">
            <div class="counselor-content">
              <p class="counselor-name">{{item.downTag?.name}}</p>
              <p class="counselor-service"> <span>{{item.downTag?.label?.firstText}}</span> <span
                  class="num-o">{{item.downTag?.label?.secondText}}</span>
                <span>{{item.downTag?.label?.thirdText}}</span>
              </p>

            </div>
            <img class="counselor-call" *ngIf="item.downTag?.phone?.text"
              src="assets/icon/{{item.downTag?.phone?.icon}}" alt="" appDebounceClick
              (debounceClick)="counselorCall(item.downTag?.phone?.text)">
          </div>
        </ng-container>

        <!-- user 工人 -->
        <ng-container *ngIf="item.plugin_id === 'user'">
          <div class="user-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="goPage(item)">
            <div class="img-bg" *ngIf="item.img?.imgUrl">
              <img src="{{item.img?.imgUrl}}" alt="" class="avatar">
              <span class="star" *ngIf="item.img.level?.label"
                [ngStyle]="item.img.level.cssStyle | styleFilter">{{item.img.level.label}}</span>
            </div>

            <div class="content-bg">
              <div class="name-bg">
                <div class="name-tag">
                  <span class="name" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter"
                    *ngIf="item.firstRowLeft?.firstText?.label">{{item.firstRowLeft.firstText.label}}</span>
                  <ng-container *ngFor="let tag of item.firstRowTag">
                    <span class="tag">{{tag}}</span>
                  </ng-container>
                  <ng-container *ngFor="let tag of item.titleRowTag">
                    <span class="tag">{{tag}}</span>
                  </ng-container>
                </div>
                <span class="name-bg-area" [ngStyle]="item.firstRowRight?.firstText?.cssStyle | styleFilter"
                  *ngIf="item.firstRowRight?.firstText?.label">{{item.firstRowRight.firstText.label}}</span>
                <div *ngIf="item.topRating">
                  <app-rating [rate]="item.topRating?.star"></app-rating><span
                    [ngStyle]="item.topRating?.scoreCssStyle|styleFilter">{{item.topRating?.score}}</span>
                </div>
              </div>

              <div class="second-row" *ngIf="item.secondRowLeft">
                <span class="text" *ngIf="item.secondRowLeft?.firstText?.label"
                  [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
                <span class="sep" *ngIf="item.secondRowLeft?.firstText && item.secondRowLeft?.secondText"
                  [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></span>
                <span *ngIf="item.secondRowLeft?.secondText?.firstText?.label" class="text"
                  [ngStyle]="item.secondRowLeft?.secondText?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.firstText?.label}}</span>

                <span *ngIf="item.secondRowLeft?.secondText?.secondText?.label" class="text"
                  [ngStyle]="item.secondRowLeft?.secondText?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.secondText?.label}}</span>

                <span *ngIf="item.secondRowLeft?.secondText?.thirdText?.label" class="text"
                  [ngStyle]="item.secondRowLeft?.secondText?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.thirdText?.label}}</span>
              </div>
              <div class="second-row" *ngIf="item.thirdRowLeft">
                <span class="text" *ngIf="item.thirdRowLeft?.firstText?.label"
                  [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft?.firstText?.label}}</span>
                <span class="sep" *ngIf="item.thirdRowLeft?.firstText && item.thirdRowLeft?.secondText"
                  [ngStyle]="item.thirdRowLeft?.sep?.cssStyle | styleFilter"></span>
                <span *ngIf="item.thirdRowLeft?.secondText?.firstText?.label" class="text"
                  [ngStyle]="item.thirdRowLeft?.secondText?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft?.secondText?.firstText?.label}}</span>

                <span *ngIf="item.thirdRowLeft?.secondText?.secondText?.label" class="text"
                  [ngStyle]="item.thirdRowLeft?.secondText?.secondText?.cssStyle | styleFilter">{{item.thirdRowLeft?.secondText?.secondText?.label}}</span>

                <span *ngIf="item.thirdRowLeft?.secondText?.thirdText?.label" class="text"
                  [ngStyle]="item.thirdRowLeft?.secondText?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft?.secondText?.thirdText?.label}}</span>
              </div>
              <p class="tag-bg" *ngIf="item.secondRowTag">
                <span class="tag-" *ngFor="let tag of item.secondRowTag">{{tag}}</span>
              </p>

              <div class="second-row" *ngIf="item.addressRowLeft">
                <img onerror="this.src='assets/icon/list_icon_location@3x.png'"
                  src="{{item.addressRowLeft?.firstText.icon}}"
                  [ngStyle]="item.addressRowLeft?.firstText.iconCssStyle|styleFilter" />
                <span class="text" *ngIf="item.addressRowLeft?.firstText?.label"
                  [ngStyle]="item.addressRowLeft?.firstText?.cssStyle | styleFilter">{{item.addressRowLeft?.firstText?.label}}</span>
              </div>
            </div>

            <div *ngIf="item.addressRowLeft?.firstText"
              [ngStyle]="item.addressRowLeft?.firstText?.showLine|styleFilter">
            </div>
          </div>

        </ng-container>

        <!-- 推荐盒子 -->
        <div *ngIf="item.recommedBox" class="item-recommed-bg">
          <img src="assets/icon/list_icon_recommend@3x.png" alt="" class="recommed-icon" *ngIf="item.recommedBox.icon">
          <p class="item-recommed-content">
            <span>{{item.recommedBox.firstText?.label}}</span>
            <span class="item-recommed-content-num"
              [ngStyle]="item.recommedBox.secondText?.cssStyle | styleFilter">{{item.recommedBox.secondText?.label}}</span>
            <span>{{item.recommedBox.thirdText?.label}}</span>
          </p>
          <span class="item-recommed-see" *ngIf="item.recommedBox.lookLink" appDebounceClick
            (debounceClick)="seeRecommed(item.recommedBox.lookLink.link)">
            {{item.recommedBox.lookLink?.label}}
          </span>
          <!--  -->
          <!-- <img *ngIf="!item.recommedBox.icon" appDebounceClick (debounceClick)="seeRecommed(item.recommedBox.lookLink?.link)" class="icon-see" src="assets/icon/arrow_icon_right@3x.png" alt=""> -->
        </div>

        <!--  顾问 consultantBox -->
        <div class="consultant-bg " *ngIf="item.consultantBox" [ngStyle]="item.consultantBoxCssStyle|styleFilter">
          <img src="assets/icon/img_left mh@3x.png" *ngIf="item.consultantBox?.firstRowLeft?.firstText?.label"
            class="bg-icon" alt="" [ngStyle]="item.consultantBox?.firstRowLeft?.firstText?.iconCssStyle|styleFilter">
          <p class="consultant-info" [ngStyle]="item.consultantInfoCssStyle|styleFilter"
            *ngIf="item.consultantBox.headRowLeft?.firstText?.label">
            <img class="consultant-avatar" [ngStyle]="item.consultantAvatarCssStyle|styleFilter"
              src="{{item.consultantBox.headRowLeft?.icon?.iconName}}" alt=""
              onerror="onerror=null;src='assets/img/headportraitstaff.png'">
            <span class="consultant-name"
              [ngStyle]="item.consultantNameCssStyle|styleFilter">{{item.consultantBox.headRowLeft?.firstText?.label}}</span>
            <span class="consultant-tag"
              [ngStyle]="item.consultantTagCssStyle|styleFilter">{{item.consultantBox.headRowLeft?.secondText?.label}}</span>
          </p>
          <div class="consultant-remark" *ngIf="item.consultantBox?.firstRowLeft?.firstText?.label"
            [ngStyle]="item.consultantBox.firstRowLeft.firstText.labelCssStyle |styleFilter">
            {{item.consultantBox.firstRowLeft.firstText.label}}
          </div>

          <!--蜂喔赚钱宝 1.7.1新增修改推荐语弹出modal-->
          <ng-container *ngFor="let btnItem of item.updateComment?.button">
            <p class="update-comment" *ngIf="btnItem" [ngStyle]="btnItem?.link?.params?.cssStyle|styleFilter"
              appDebounceClick (debounceClick)="goPage(btnItem)">
              {{btnItem?.label}}</p>
          </ng-container>
        </div>

        <!--  顾问备注无头像 consultantRemark -->
        <div class="consultant-bg remark" *ngIf="item.consultantRemark">
          <img src="assets/icon/img_left mh@3x.png" class="bg-icon remark" alt="">

          <!-- <p class="consultant-info" *ngIf="item.consultantBox.headRowLeft?.firstText?.label">
      <img class="consultant-avatar" src="{{item.consultantBox.headRowLeft?.icon?.iconName}}" alt="" onerror="onerror=null;src='assets/img/headtrait.png'">
      <span class="consultant-name">{{item.consultantBox.headRowLeft?.firstText?.label}}</span>
      <span class="consultant-tag">{{item.consultantBox.headRowLeft?.secondText?.label}}</span>
    </p> -->
          <div class="consultant-remark remark" *ngIf="item.consultantRemark?.firstRowLeft?.firstText?.label">
            <span *ngIf="item.consultantRemark?.headRowLeft"
              class="consultant-remark-header">{{item.consultantRemark?.headRowLeft}}</span>
            <span>
              {{item.consultantRemark.firstRowLeft.firstText.label}}
            </span>
          </div>
        </div>

        <!-- 跟进状态 -->
        <hr style="border-bottom: 0.03rem solid #EBEBED;margin-top: 0.94rem;"
          *ngIf="item.downleft && item.downleft.line === 'true' ">
        <div [ngStyle]="item?.downRightBox?.box?.cssStyle | styleFilter" class="item-tool-bg"
          *ngIf="item.downleft || item.downRight">
          <!-- *ngIf="item.downleft?.firstText?.label"  占位 保持后面的icon 居右侧-->
          <p class="item-tool-status" [ngStyle]="item.downleft?.firstText?.cssStyle | styleFilter">
            {{item.downleft?.firstText?.label}}
          </p>



          <!--蜂喔赚钱宝1.7.1 更新手机号码权限-->
          <ng-container *ngIf="item.updateMobileAuthLeft">
            <ng-container *ngFor="let btnItem of item.updateMobileAuthLeft?.button">
              <span *ngIf="btnItem updateBtnLeft" class="update-mobile-auth"
                [ngStyle]="btnItem?.link?.params?.cssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(btnItem)">{{btnItem?.label}}</span>
            </ng-container>
          </ng-container>

          <ng-container *ngIf="item.downRight?.iconList && item.downRight?.iconList?.length > 0">
            <div class="item-tool-icon-bg"
              [ngClass]="{'last-icon-tip': i === (item.downRight.iconList.length -1)  && (iconItem.tip && iconItem.tip.length > 0)}"
              *ngFor="let iconItem of item.downRight.iconList, let i = index"
              [ngStyle]="iconItem.boxCssStyle|styleFilter">
              <span class="item-tool-icon-tip" [ngStyle]="iconItem.cssStyle | styleFilter"
                *ngIf="iconItem.tip && iconItem.tip.length > 0">{{iconItem.tip}}</span>
              <img class="item-tool-icon" src="{{iconItem.iconName}}" alt="" appDebounceClick
                (debounceClick)="iconClick(iconItem,dataIndex)" [ngStyle]="iconItem.iconCssStyle|styleFilter">
              <span [ngStyle]="iconItem.iconDownLabelCssStyle|styleFilter">{{iconItem.iconDownLabel}}</span>
            </div>
          </ng-container>
          <!--蜂喔赚钱宝1.7.1 新增多个按钮-->
          <ng-container *ngIf="item.downRight?.buttonList && item.downRight?.buttonList?.length > 0">
            <ng-container *ngFor="let btnItem of item.downRight.buttonList, let i = index">
              <span class="btnItem 1" [ngStyle]="btnItem?.btnCssStyle|styleFilter" appDebounceClick
                (debounceClick)="iconClick(btnItem,dataIndex)">
                {{btnItem.label}}
              </span>
            </ng-container>

          </ng-container>

          <!--蜂喔赚钱宝1.7.1 更新手机号码权限-->
          <ng-container *ngIf="item.updateMobileAuth">
            <ng-container *ngFor="let btnItem of item.updateMobileAuth?.button">
              <span *ngIf="btnItem" class="update-mobile-auth" [ngStyle]="btnItem?.link?.params?.cssStyle|styleFilter"
                appDebounceClick (debounceClick)="goPage(btnItem)">{{btnItem?.label}}</span>
            </ng-container>
          </ng-container>
        </div>
        <hr style="border-bottom: 0.03rem solid #EBEBED;margin-top: 0.94rem;"
          *ngIf="item.downRightBox && item.downRightBox?.box?.line!==undefined">
        <!--蜂喔赚钱宝1.7.1 更新商机信息-->
        <ng-container *ngIf="item.updateOpportunityInfo">
          <div class="update-opp-button" [ngStyle]="item.updateOpportunityInfoBoxCssStyle|styleFilter">

            <span></span>


            <ng-container *ngFor="let btnItem of item.updateOpportunityInfo?.button">
              <p *ngIf="btnItem" class="update-opp-auth" [ngStyle]="btnItem?.cssStyle|styleFilter" appDebounceClick
                (debounceClick)="iconClick(btnItem)">{{btnItem?.label}}</p>
            </ng-container>
          </div>
        </ng-container>
      </div>
    </ng-container>





  </ng-container>
</div>


<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0"
  [ngStyle]="tagData.hintCssStyle | styleFilter">
  <ng-container *ngIf="tagData.hint">
    {{tagData.hint}}
  </ng-container>
  <ng-container *ngIf="!tagData.hint">
    暂无数据
  </ng-container>
</p>


<ng-container *ngIf="tagData.data.moreButton">
  <div class="more-btn" [ngStyle]="tagData.data.moreButton?.cssStyle | styleFilter"
    [ngClass]="{'bg-image-tag': tagData.showWaterImg}" appDebounceClick
    (debounceClick)="goPage(tagData.data.moreButton)">
    {{tagData.data.moreButton.label}}
  </div>
</ng-container>


<ion-infinite-scroll [ngStyle]="tagData.loadMoreCssStyle | styleFilter" *ngIf="showLoadMore" threshold="5%"
  (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>